
/*banner start*/
#banner{
	position:relative;
	width:100%;
	height:850px;
	top: 71px;
}
#banner .b-part .part{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#banner .b-part .part1{
	background:url('../img/index/bg1-1.png') no-repeat center center;	
}
#banner .b-part .part1 img{
	position:absolute;
}
#banner .b-part .part1 .img1{
	position: absolute;
	top: 500px;
	left: 100px;
	width: 300px;
	height: 125px;
}  
#banner .b-part .part1 .img2{
	bottom:0;
	right:0;
	width: 970px;
	height: 730px;
}

#banner .b-part .part2{
	background:radial-gradient(rgb(0,173,239),rgb(0,82,124));	
}
#banner .b-part .part2 .img1{
	position: absolute;
	top: 500px;
	left: 100px;
	width: 300px;
	height: 120px;	
}
#banner .b-part .part2 .img1 p{
	width:100%;
	margin:10px 0;
}
#banner .b-part .part2 .img1 p img{
	display:block;
	width:100%;
	height:auto;
}
#banner .b-part .part2 .img2{
	position: absolute;
	bottom: 100px;
	right: 50px;
	width: 930px;
	height: 635px;
	background:url('../img/index/bg2-4.png') 0 0/cover no-repeat;		
}

#banner .b-part .part3{
	background: url("../img/index/bg3-1.jpg") 0 0/100% 100%;
}
#banner .b-part .part3 .img1{
	position: absolute;
	top: 115px;
	left: 70px;
	width: 777px;
	height: 600px;
	background:url('../img/index/bg3-2.png') 0 0/100% 100%;		
}
#banner .b-part .part3 .img2{
	position: absolute;
	top: 200px;
	right: 200px;
	width: 300px;
	height: 120px;	
}
#banner .b-part .part3 .img2 p{
	width:100%;
	margin:10px 0;
}
#banner .b-part .part3 .img2 p img{
	display:block;
	width:100%;
	height:auto;
	
}
#banner .b-tab ul{
	position:absolute;
	bottom:28px;
	left:calc(50% - 30px);
	width:60px;
	height:10px;
}
#banner .b-tab ul li{
	display:block;
	float:left;
	width:10px;
	height:10px;
	margin:0 5px;
	border-radius:50%;
	cursor:pointer;
	background:#006597;
}
#banner .b-tab ul li.on{
	width:6px;
	height:6px;
	border:2px solid #b3cd35;
	background:transparent;
}
/*end banner*/
/*classic start*/
#classic{
	position:relative;
	margin-top: 71px;
	width:100%;
	height:790px;
	background: url('../img/index/bg.png') center center;
}
#classic .c-title{
	margin:0 auto;
	padding-top:30px;
	margin-bottom: 80px;
	max-width: 521px;
	height:90px;
	background:url('../img/index/line.png') left bottom no-repeat ;
}
#classic .c-title img{
	display:block;
	margin:0 auto;
}
#classic .c-title p{
	margin-top:18px;
	text-align:center;
	font-size:18px;
}
#classic .c-main {
	position:relative;
	width:85%;
	height:593px;
	overflow:hidden;
	margin:auto;
}

#classic .c-main ul {
	width:500%;	
	height:100%;
}
#classic .c-main ul li{
	position: relative;
	top: 50%;
	float:left;
	width:240px;
	height:395px;
	transform: translate(0,-50%);
	transition: width .3s,height .3s;
}
#classic .c-main ul li.mid{
	width:360px;
	height:593px;
}
#classic .c-main ul li.slide{
	width:300px;
	height:494px;
}
#classic .c-main ul li img{
	width:100%;
	height:100%;
}
/*end classic*/

/*partner start*/
#partner{
	height:540px;
}
#partner .p-title{
	max-width:521px;
	height:90px;
	margin:0 auto;
	background:url(../img/index/line.png) left bottom no-repeat;
}
#partner .p-title img{
	margin: 0px auto 20px;
}
#partner .p-list ul{
	max-width: 795px;
	margin: 0 auto;
}
#partner .p-list ul li{
	float:left;
	margin: 180px 40px 0;
}
/*end partner*/

#copy{
	width: 90%;
	margin: 0 auto;
	border-top: 1px solid #ccc;
	line-height: 60px;
}
#copy span{
	margin:0 20px;
}